<!-- src/views/system/SystemHome.vue -->
<!-- 作为系统首页使用 -->
<template>
    <el-card shadow="hover" header="欢迎使用 HomeCube" class="welcome-card">
      <p class="welcome-text">HomeCube</p>
    </el-card>
  </template>
  
  <script setup lang="ts">
  // import { ref } from 'vue'
  // import { House, Monitor, User } from '@element-plus/icons-vue'
  // import StatCard from '@/components/common/StatCard.vue'
  
  // const deviceStats = ref({
  //   total: 24,
  //   online: 22,
  //   offline: 2
  // })
  
  // const userStats = ref({
  //   familyMembers: 4,
  //   online: 3
  // })
  </script>
  
  <style scoped>
  .welcome-card {
    border-radius: 8px;
  }
  
  .welcome-text {
    font-size: 16px;
    color: #666;
    margin: 16px 0;
    text-align: center;
  }
  
  .stat-row {
    margin-top: 20px;
  }
  </style>